<div>
    <div class="pannel">
        <div class="pannel-head">
            <p><span class="title">接入设备管理</span>/详情</p>
        </div>
    </div>
    <div class="equipment-detail">
        <div class="equipment-detail-left">
            <img src="../../assets/img/logo-small.png" />
            <nz-tag *ngIf="data.isEnable === 'Y'" [nzColor]="'#10C572'">已开启</nz-tag>
            <nz-tag *ngIf="data.isEnable === 'N'" [nzColor]="'#f50'">已关闭</nz-tag>
        </div>
        <div class="equipment-detail-right">
            <div class="validate-form">
                <div class="form-item">
                    <label class="form-label">设备名称</label>
                    <div class="form-input">
                        <input nz-input disabled [(ngModel)]="data.name" />
                    </div>
                    <label class="form-label">型号</label>
                    <div class="form-input">
                        <input nz-input disabled [(ngModel)]="data.model" />
                    </div>
                    <label class="form-label">厂商</label>
                    <div class="form-input">
                        <input nz-input disabled [(ngModel)]="data.manufacturer" />
                    </div>
                </div>
                <div class="form-item">
                    <label class="form-label">设备状态</label>
                    <div class="form-input">
                        <input nz-input disabled [(ngModel)]="data.statusName" />
                    </div>
                    <label class="form-label">设备类型</label>
                    <div class="form-input">
                        <input nz-input disabled [(ngModel)]="data.typeName" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="equipment-log">
        <div class="equipment-log-left">
            <h3>设备接入日志</h3>
            <nz-table class="pannel-body-table" #nzTable [nzData]="logList1" [nzShowPagination]="false" [nzLoading]="tableLoading1" [nzFrontPagination]="false">
                <thead>
                    <tr>
                        <th nzWidth="100px">操作</th>
                        <th>时间</th>
                        <th nzWidth="120px">状态</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let data of dataList">
                        <td>{{ data.cz }}</td>
                        <td>{{ data.createTime }}</td>
                        <td></td>
                    </tr>
                </tbody>
            </nz-table>
        </div>
        <div class="equipment-log-right">
            <h3>采集日志</h3>
            <nz-table class="pannel-body-table" #nzTable [nzData]="logList2" [nzShowPagination]="false" [nzLoading]="tableLoading2" [nzFrontPagination]="false">
                <thead>
                    <tr>
                        <th nzWidth="120px">日志ID</th>
                        <th nzWidth="180px">开始时间</th>
                        <th nzWidth="180px">结束时间</th>
                        <th>消息</th>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let data of dataList">
                        <td>{{ data.id }}</td>
                        <td>{{ data.createTime }}</td>
                        <td>{{ data.lastTime }}</td>
                        <td>{{data.content}}</td>
                    </tr>
                </tbody>
            </nz-table>
        </div>
    </div> -->
    <nz-affix nzOffsetBottom="0">
        <div class="equipment-btn">
            <button (click)="changeStatus('Y')" *ngIf="data.isEnable === 'N'" class="btn-success" nz-button nzType="primary" nzShape="round">开启</button>
            <button (click)="changeStatus('N')" *ngIf="data.isEnable === 'Y'" class="btn-black" nz-button nzType="primary" nzShape="round">关闭</button>
            <!-- <button (click)="deleteEquipment()" class="btn-danger" nz-button nzType="primary" nzShape="round">删除</button> -->
        </div>
    </nz-affix>
</div>
